<!--# 
/*区域选择控件
id:控件的id
style:控件的class值
size:控件所能展示的<select>的个数
selected:控件中被选中的值
tips:每一个select的空值项提醒
verifys:是一个数组，分别对应每一个select的验证
*/  
-->
<!--# 
var id = id!"";
var style = style!"";
var size = size!"''";
var verifys = verifys!"[]";
var reqtext = reqtext!"[]";
var selected = selected!'["370000000000","370100000000","370114000000","370114002000"]';
var tips = tips!"['请选择省','请选择市','请选择区县','请选择街道','请选择村落或社区']";
 -->
<div class="${style!'layui-input-block'}" id="${id}">
      
</div>

<script>
layui.extend({
	 selectN: '{/}/plugins/layui-select-ext/selectN'
});
layui.use(['form','layer','element','selectN'], function(){
	var selectN = layui.selectN;
	var $ = layui.$;
	
	initSelectN();
	
	function initSelectN() {
   	        //无限级分类-所有配置
            var catIns2 = selectN({
            //元素容器【必填】
            elem: '#${id}'
            //候选数据【必填】
            ,url: "/core/area/tree.json"
            ,size:${size}
            //设置了长度
            ,width:null
            ,classNames:"lay-col-md3 lay-col-xs12"
            //默认值
            ,selected:${selected}
            ,verifys:${verifys}
            ,reqtexts:${reqtext}
            //为真只取最后一个值
            ,last:true
            //空值项提示，可设置为数组['请选择省','请选择市','请选择县']
            ,tips:${tips}
            //事件过滤器，lay-filter名 不设置与选择器相同(去#.)
            ,filter: ''
            //input的name 不设置与选择器相同(去#.)
            //数据分隔符
            ,delimiter: ','
            //数据的键名
            ,field:{idName:'areaCode',titleName:'name',childName:'children'}
            //表单区分 form.render(type, filter); 为class="layui-form" 所在元素的 lay-filter="" 的值
            ,formFilter: null
            ,search:true
            ,parentField:"areaCode"
            ,parentParamName:"parentAreaCode"
            ,selectNames:["province","city","country","street","village"]
   	    }); 
      }  
});
</script>